<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<h:head>
	<title></title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link href="recursos/estilo.css" rel="stylesheet" type="text/css"
		media="screen" />
</h:head>

<h:body>
	<ui:composition template="template/common.xhtml">
		<ui:define name="content">
			<div class="post">
				<h:form id="form">

					<p:fieldset legend="#{msg.criarRodada}">
						<p:messages id="msg" />
						<h:outputLabel for="campeonatos" value="#{msg.campeonato}" />
						<p:selectOneMenu id="campeonatos" value="#{rodadaMB.campeonato}"
							converter="campeonatoConverter" required="true">
							<f:selectItem itemLabel="#{msg.selecioneCampeonato}" itemValue="" />
							<f:selectItems var="campeonatoSI" value="#{rodadaMB.campeonatos}"
								itemLabel="#{campeonatoSI.nome}" itemValue="#{campeonatoSI}" />
							<p:ajax listener="#{rodadaMB.filtrarRodadas}" event="change"
								update="rodadas" />
							<f:validateRequired />
						</p:selectOneMenu>

						<h:outputLabel for="rodadas" value="#{msg.rodada}" />
						<p:selectOneMenu id="rodadas" value="#{rodadaMB.rodadaID}"
							required="true">
							<f:selectItem itemLabel="#{msg.selecioneRodada}" itemValue="" />
							<f:selectItems var="rodadaSI" value="#{rodadaMB.rodadas}"
								itemLabel="#{rodadaSI.label}" itemValue="#{rodadaSI.value}" />
							<f:validateRequired />
						</p:selectOneMenu>

						<p:spacer />

						<p:panel id="pnlPartidas" header="#{msg.criarPartida}">

							<h:panelGrid columns="4" id="grid">


								<h:outputLabel for="categoriasCasa" value="#{msg.categoria}" />
								<p:selectOneMenu id="categoriasCasa"
									value="#{rodadaMB.categoria}" converter="categoriaConverter">
									<f:selectItem itemLabel="#{msg.selecioneCategoria}"
										itemValue="" />
									<f:selectItems var="categoriaSI" value="#{rodadaMB.categorias}"
										itemLabel="#{categoriaSI.nome}" itemValue="#{categoriaSI}" />
									<p:ajax event="change" update="sl_casa" />
									<f:validateRequired />
								</p:selectOneMenu>

								<h:outputLabel value="#{msg.timeCasa}" for="sl_casa"></h:outputLabel>
								<p:selectOneMenu id="sl_casa"
									value="#{rodadaMB.partida.timeCasa}" required="true"
									converter="timeConverter" style="font-size:10px;">
									<f:selectItem itemLabel="#{msg.selecioneTime}" itemValue="" />
									<f:selectItems value="#{rodadaMB.times}" var="timeCasa"
										itemLabel="#{timeCasa.nome}" itemValue="#{timeCasa}" />
									<f:validateRequired />
								</p:selectOneMenu>

								<h:outputLabel for="categoriasVisitante"
									value="#{msg.categoria}" />
								<p:selectOneMenu id="categoriasVisitante"
									value="#{rodadaMB.categoria}" converter="categoriaConverter">
									<f:selectItem itemLabel="#{msg.selecioneCategoria}"
										itemValue="" />
									<f:selectItems var="categoriaSI" value="#{rodadaMB.categorias}"
										itemLabel="#{categoriaSI.nome}" itemValue="#{categoriaSI}" />
									<p:ajax event="change" update="sl_visitante" />
									<f:validateRequired />
								</p:selectOneMenu>

								<h:outputLabel value="#{msg.timeVisitante}" for="sl_visitante"></h:outputLabel>
								<p:selectOneMenu id="sl_visitante"
									value="#{rodadaMB.partida.timeVisitante}" required="true"
									converter="timeConverter" style="font-size:10px;">
									<f:selectItem itemLabel="#{msg.selecioneTime}" itemValue="" />
									<f:selectItems value="#{rodadaMB.times}" var="timeVisitante"
										itemLabel="#{timeVisitante.nome}" itemValue="#{timeVisitante}" />
									<f:validateRequired />
								</p:selectOneMenu>

								<h:outputLabel value="#{msg.dataPartida}" for="dataHora"></h:outputLabel>
								<p:calendar id="dataHora" value="#{rodadaMB.partida.dtHora}"
									pattern="dd/MM/yyyy HH:mm" required="true" mode="popup"
									showOn="button" locale="pt_BR" timeZone="America/Sao_Paulo">
									<f:validateRequired />
								</p:calendar>

								<p:commandButton value="#{msg.criarPartida}"
									action="#{rodadaMB.criarPartida}" update="form:partidas"
									style="font-size:10px;" />

							</h:panelGrid>
						</p:panel>

						<br />

						<p:outputPanel id="partidas">
							<p:dataTable value="#{rodadaMB.partidas}" var="partida"
								id="dTblPartida">

								<p:column>
									<f:facet name="header">
										<h:outputText value="#{msg.timeCasa}" />
									</f:facet>
									<h:outputText value="#{partida.timeCasa.nome}" />
								</p:column>

								<p:column>
									<f:facet name="header">
										<h:outputText value="#{msg.timeVisitante}" />
									</f:facet>
									<h:outputText value="#{partida.timeVisitante.nome}" />
								</p:column>

								<p:column sortBy="#{partida.dtHora}">
									<f:facet name="header">
										<h:outputText value="#{msg.dataPartida}" />
									</f:facet>
									<h:outputText value="#{partida.dtHora}" lang="PT_BR">
										<f:convertDateTime timeStyle="short"
											timeZone="America/Sao_Paulo" locale="BR" type="both" />
									</h:outputText>
								</p:column>

								<p:column>
									<f:facet name="header">
										<h:outputText value="#{msg.opcoes}" />
									</f:facet>
									<p:commandLink value="#{msg.remover}" update="form:partidas"
										process="@this">
										<p:collector value="#{partida}"
											removeFrom="#{rodadaMB.partidas}" />
									</p:commandLink>
								</p:column>

							</p:dataTable>

							<p:commandButton value="#{msg.gravarRodada}"
								action="#{rodadaMB.gravarRodada}" update="partidas, msg" />

						</p:outputPanel>
					</p:fieldset>
				</h:form>
			</div>

		</ui:define>


	</ui:composition>
</h:body>
</html>